<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>login</title>
<script src="../../dist/jquery-3.5.1.min.js"></script>
<script src="../../dist/js/popper.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<link  href="../../dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<style>
html ,body{height:100%;}
body {background-image: url('../../dist/imgs/bg2.jpg');background-repeat:no-repeat;background-size:100% 100%;}
button{ margin:3px;}
.card{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
</style>
<body>
<div class="container-fluid" id="logincontainer">
  <div class="row justify-content-md-center" id="loginrow">
    <div class="col align-self-center col-lg-3">
		<div class="card">
		  <img src="dist/imgs/login.png" class="card-img-top" alt="登录">
		  <div class="card-body">
			<form>
			  <div class="form-group row">
			    <label for="uname" class="col-sm-3 col-form-label">用户名</label>
			    <div class="col-sm-8">
				    <input type="email" class="form-control" id="uname" aria-describedby="emailHelp">
				    <small id="unameHelp" class="form-text text-muted">用户名帮助</small>
			    </div>
			  </div>
			  <div class="form-group row">
			    <label for="upasswd" class="col-sm-3 col-form-label">密码</label>
			    <div class="col-sm-8">
			    	<input type="password" class="form-control" id="upasswd">
			    	<small id="passwordHelp" class="form-text text-muted text-danger">密码帮助</small>
			    </div>
			  </div>
			  <div class="form-group form-check float-right mx-md-n10">
			    <input type="checkbox" class="form-check-input" id="exampleCheck1">
			    <label class="form-check-label" for="exampleCheck1">记住</label>
			  </div>
			  <div class="clearfix"></div>
			  <button type="button" class="btn btn-primary float-right mx-md-n10">提交</button>
			  <button type="button" class="btn btn-primary float-right">注册</button>
			</form>
		  </div>
		</div>
    </div>
  </div>
</div>
</body>
<script>
$(document).ready(function(){
	var lh =$(document).height();
	//alert(lh);
	 $("#logincontainer").css("height",lh+"px");
	 $("#loginrow").css("height",lh+"px");
});

</script>
</html>